<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p></p>
</body>
<script>
    /*     页面上有一个电子时钟，显示当前的年月日，时分秒，要求自动变化
    
    1）要求双位显示，例如：九点九分九秒，显示为09:09:09 */

    // 获取元素
    const p = document.querySelector('p');

    // 时间函数
    function showTime() {
        let d = new Date();
        // 获取年
        let year = d.getFullYear();
        // 获取月
        let month = d.getMonth() + 1;
        // 获取日
        let day = d.getDate();
        // 获取时
        let hour = d.getHours();
        // 获取分
        let minute = d.getMinutes();
        // 获取秒
        let second = d.getSeconds();
        // 双位时分秒
        hour = hour < 10 ? '0' + hour : hour;
        minute = minute < 10 ? '0' + minute : minute;
        second = second < 10 ? '0' + second : second;
        // 显示数据
        p.innerHTML = `${year}年${month}月${day}日${hour}时${minute}分${second}秒`;
    }

    // 页面加载执行一次
    showTime();

    // 定时器每秒执行一次
    let timer = setInterval(showTime, 1000);
</script>

</html>